<template>
  <div id="app">
    <!-- 添加缓存，保证从详情页跳回到首页停留上次的位置 -->
    <!-- 使用<keep-alive>会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务。 -->
    <!-- <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view> -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style lang="less">
// 引入图标样式文件，less引入的方式@import
@import url("http://at.alicdn.com/t/font_1426139_h6vn3jbl5q.css");
</style>
